.search-container {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    position: absolute;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    path{
        color: #ffffff;
    }
    .search-input-group {
        margin: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;

        #search-input {
            min-width: 400px;
            color: #ffffff;
            
        }

        #search-button {
            margin-left: 20px;
            color: #ffffff;
        }
    }

    .search-title {
        font-size: 1.5rem;
        font-family: sans-serif;
        color: #ffffff;
        letter-spacing: 0.3rem;
    }
}

.MuiOutlinedInput-notchedOutline {
    border-color: #ffffff;
}

@media screen and (max-width:425px) {
    .search-input-group {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        height: 48px !important;
        input{
            height: 11px !important;
        }
    }
    .search-title{
        font-size: 2rem !important;
    }
    #search-input{
        min-width: 200px !important;
    }
}









.focus-in-contract-bck {
    -webkit-animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-22 22:51:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-contract-bck
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}